<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="contextPath" value="${pageContext.request.contextPath}"></c:set>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="${contextPath}/js/bootstrap.min.js"></script>
<script src="${contextPath}/js/jquery.min.js"></script>
<title>welcome</title>

<style type="text/css">
body {
	margin: 0px;
	padding: 1px;
	background-color: #A2A9B4;
}

.div {
	display: inline;
}

.setting {
	background: url(${contextPath}/images/work_settings.png);
	background-repeat: no-repeat;
	display: inline;
}

.setting:hover {
	cursor: pointer;
	background-image: url("${contextPath}/images/work_settings_hover.png");
	background-repeat: no-repeat;
}

.record {
	background-image: url("${contextPath}/images/work_record.png");
	background-repeat: no-repeat;
	display: inline;
}

.record:hover {
	cursor: pointer;
	background-image: url("${contextPath}/images/work_record_hover.png");
	background-repeat: no-repeat;
}

.sms {
	background-image: url("${contextPath}/images/work_sms.png");
	background-repeat: no-repeat;
	display: inline;
}

.sms:hover {
	cursor: pointer;
	background-image: url("${contextPath}/images/work_sms_hover.png");
	background-repeat: no-repeat;
}

.more {
	background-image: url("${contextPath}/images/work_record.png");
	background-repeat: no-repeat;
}

.more:hover {
	cursor: pointer;
	background-image: url("${contextPath}/images/work_record_hover.png");
	background-repeat: no-repeat;
}
</style>

</head>
<body>

	<div class="parent">

		<div class="div" href="${contextPath}/redirect/deviceslist.lt">
			<img src="${contextPath}/images/work_settings.png" class="setting">
		</div>



		<div class="div" href="${contextPath}/redirect/devicesloglist.lt">
			<img src="${contextPath}/images/work_record.png" class="record">
		</div>



		<div class="div" href="${contextPath}/redirect/smslist.lt">
			<img src="${contextPath}/images/work_sms.png" class="sms">
		</div>


		<div class="div" href="#"></div>

	</div>
	<script type="text/javascript">
		$(function() {
			$(".div").click(function() {
				var url = $(this).attr("href");
				//alert(url);
				location.href = url;
				//console.log("change src to " + src);
			})
		});
	</script>
</body>
</html>
